<head>
	<link rel="stylesheet" href="/static/style.css" />
</head>
<body>
	<p id="foo" class="bar">foo</p>
	<span id="delete"></span>

	<ul id="list1">
		<li>foo</li>
		<li>foo</li>
	</ul>

	<ul id="list2">
		<li>foo</li>
		<li>foo</li>
	</ul>

	<script src="/static/jquery-2.1.1.min.js"></script>
	<script>
		$(function() {
			$('body').css({
				color: 'red',
				background: 'green'
			});

			$('#foo').
				css('color', 'red').
				css('background', 'green').
				append('<strong>bar</strong>');

			var nodeToRemove = document.getElementById('delete');
			document.body.removeChild(nodeToRemove);

			var detachedDiv1 = document.createElement('div');
			var detachedDiv2 = document.createElement('div');

			var nodes = [
				document.querySelector('#foo'),
				document.querySelector('ol li'), // DOMqueriesWithoutResults++
				document.querySelectorAll('#list li'), // DOMqueriesWithoutResults++
				document.body.getElementsByClassName('barr'), // DOMqueriesWithoutResults++
				document.getElementsByTagName('strong'), // should find <strong> appended to #foo
				document.getElementsByTagName('STRONG'), // should be counted as duplicated query (issue #419)
				document.getElementById('foo'),
				document.getElementById('list1').getElementsByTagName('li'),
				document.getElementById('list2').getElementsByTagName('li'),
				document.getElementById('foobar'), // DOMqueriesWithoutResults++
				detachedDiv1.getElementsByTagName('a'),
				detachedDiv2.getElementsByTagName('a'),// should not be counted as duplicated query
			];

			console.log(nodes);
	});
	</script>
</body>

<!--

10:13:22.056 DOM mutation: "style" attr (was "") set on p#foo
10:13:22.058 DOM mutation: "style" attr (was "color: red;") set on p#foo
10:13:22.059 DOM mutation: "style" attr (was "color: red; background: none repeat scroll 0% 0% green;") set on p#foo
10:13:22.061 DOM mutation: "style" attr (was "color: red; background: none repeat scroll 0% 0% green;") set on p#foo
10:13:22.062 DOM mutation: node "b[1]" added to "p#foo"
10:13:22.063 DOM mutation: node "span#delete" removed from "body"


-->
